<template>
  <view class="container">
    <!-- 1、血糖简介 -->
    <uni-section class="blood-sugar-section" title="血糖简介" type="line">
      <uni-card :is-shadow="false" class="blood-sugar-card">
        <text class="uni-cal">
          血糖是血液中葡萄糖的含量，是人体健康的重要指标之一。正常的空腹血糖范围为 3.9 - 6.1 mmol/L。长期的血糖异常可能导致糖尿病等疾病。
        </text>

        <!-- 输入框和计算按钮 -->
        <view class="input-area">
          <view class="input-group">
            <text class="label">请输入血糖值 (mmol/L):</text>
            <input v-model="bloodSugar" type="number" placeholder="请输入血糖值" />
          </view>

          <!-- 结果展示区 -->
          <view class="result-area">
            <text class="result-label">您的血糖值:</text>
            <text class="result-value">{{ bloodSugar }} mmol/L</text>
            <text class="result-status">-{{ status }}</text>
            <text class="health-advice">{{ healthAdvice }}</text>
          </view>
          <button @click="evaluateBloodSugar" type="primary">评估血糖</button>
        </view>
      </uni-card>
    </uni-section>
  </view>
</template>

<script>
export default {
  data() {
    return {
      bloodSugar: '', // 用户输入的血糖值
      status: '', // 血糖状态（正常、偏高、偏低等）
      healthAdvice: '' // 健康建议
    };
  },
  methods: {
    // 评估血糖并给出状态和健康建议
    evaluateBloodSugar() {
      if (this.bloodSugar !== '') {
        this.setStatusAndAdvice(this.bloodSugar);
      } else {
        this.status = '请输入血糖值';
        this.healthAdvice = '';
      }
    },
    // 根据血糖值设置状态和健康建议
    setStatusAndAdvice(sugar) {
      if (sugar >= 3.9 && sugar < 6.1) {
        this.status = '正常血糖';
        this.healthAdvice = '您的血糖水平正常，保持健康的饮食和生活方式。';
      } else if (sugar >= 6.1 && sugar < 7.0) {
        this.status = '空腹血糖受损';
        this.healthAdvice = '您的空腹血糖偏高，建议调整饮食，增加运动，并定期检查血糖。';
      } else if (sugar >= 7.0 && sugar < 11.1) {
        this.status = '糖尿病前期';
        this.healthAdvice = '血糖水平偏高，建议及时就医，并开始管理血糖，保持健康饮食。';
      } else if (sugar >= 11.1) {
        this.status = '糖尿病';
        this.healthAdvice = '您的血糖水平非常高，建议立即就医，控制血糖并治疗糖尿病。';
      } else if (sugar < 3.9) {
        this.status = '低血糖';
        this.healthAdvice = '您的血糖水平过低，可能导致头晕等症状，建议补充糖分并尽快就医。';
      }
    }
  }
};
</script>

<style lang="scss">
  .container {
    padding: 20rpx;

    .blood-sugar-section {
      .blood-sugar-card {
        .input-area {
          margin-top: 20rpx;
        }

        .input-area {
          .input-group {
            display: flex;
            margin: 10rpx 0;
          }
        }
      }

      .result-area {
        margin-top: 20rpx;
        .result-label {
          font-size: 16px;
        }
        .result-value {
          font-size: 20px;
          font-weight: bold;
        }
        .result-status {
          color: #ff4d4f;
          font-size: 14px;
        }
        .health-advice {
          font-size: 14px;
          color: #0084ff;
          margin-top: 10rpx;
        }
      }
    }
  }
</style>
